@import "../../../source/core/classes";
.img-icon {
	display: inline-block;
	vertical-align: middle;
	width: 32rpx;
	height: 32rpx;
}
page{
	background: #fff;
	min-height: 100%;
	.main{
		padding-bottom: 300rpx;
		.book-sale-blocks{
			padding: 0 36rpx;
			.book-sale-cell{
				display: flex;
				padding: 30rpx 0;
				border-bottom: solid 1px #eee;
				.book-cover{
					width: 140rpx;
					height: 140rpx;
					margin-right: 24rpx;
					>image{
						width: 100%;
						height: 100%;
					}
				}
				.book-detail{
					flex: 1;
					font-size: 28rpx;
					color: #060606;
				}
				.book-point{
					width: 130rpx;
					justify-self: stretch;
					text-align: right;
					.point-num{
						color: #aa9490;
						font-size: 30rpx;
						margin-top: 45rpx;
					}
					.book-point-icon{
						.img-icon-delete{
							width: 20rpx;
							height: 20rpx;
							display: block;
							margin: 10rpx;
							float: right;
						}
						overflow: hidden;
						padding-bottom: 10rpx;
					}

				}
			}
		}
		.address{
			.address-select{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 32rpx 36rpx;
				.address-title{
					font-size: 32rpx;
					color: #767676;
					margin-right: 30rpx;
				}
				.address-content{
					font-size: 28rpx;
					color: #b3b3b3;
					flex: 1;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.address-extra{
					width: 40rpx;
					text-align: right;
					.img-icon{
						display: block;
					}
				}
			}
			.address-tip{
				text-align: center;
				font-size: 24rpx;
				padding: 0 36rpx 0 36rpx;
				color: #aa9480;
			}
		}
	}
	.fix-bottom{
		position: fixed;
		bottom: 0;
		width: 100%;
		.bottom-publish-scan{
			width: 260rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 999rpx;
			margin: auto;
			text-align: center;
			background-color: #494949;
			color: #fff;
			font-size: 28rpx;
			margin-bottom: 50rpx;
		}
		.bottom-publish-info{
			width: 100%;
			display: flex;
			height: 88rpx;
			line-height: 88rpx;
			align-items: stretch;
			background-color: #f5f5f5;
			border-top: solid 1px #f8f8f8;
			.bottom-publish-sum{
				flex: 65%;
				font-size: 28rpx;
				color: #b3b3b3;
				padding-left: 40rpx;
				.point-num{
					font-size: 32rpx;
					color: #ab9480;
				}
			}
			.bottom-publish-btn{
				flex: 35%;
				background-color: #494949;
				text-align: center;
				color: #fff;
				font-size: 28rpx;
			}
		}
	}
}